body{
  background: #F5F5F5;
}
/*  顶栏 top Start */
.ugo_pay_top {
  width: 100%;
  height: 40px;
  background: #EDEDED;
  .left {
    line-height: 40px;
    span.line {
      width: 1px;
      height: 10px;
      display: inline-block;
      background: #A9A9A9;
      margin: 0 10px;
    }
  }
  .right {
    ul.about_my {
      &>li {
        line-height: 40px;
        float: left;
        a {
          margin-left: 20px;
          &.phone {
            color: #A90000;
          }
        }
      }
    }
  }
}
/*  顶栏 top End */

/*  logo logo Start */
.ugo_pay_logo {
  height: 100px;
  box-sizing: border-box;
  padding-top: 20px;
  .left {
    width: 300px;
    height: 62px;
    img {
      width: 300px;
      height: 62px;
    }
  }
  .right {
    position: relative;
    margin-right: 3.6em;
    .line {
      height: 10px;
      width: 272px;
      border-bottom: 2px solid #DDDDDD;
    }
    .step {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      border: 2px solid #DDDDDD;
      position: absolute;
      margin-top: -6px;
      background: #F5F5F5;
      z-index: 20;
      &>span {
        font-size: 14px;
        margin-top: 15px;
        display: inline-block;
      }
    }
    & > div.active {
      border: 2px solid #FF0000;
      color: #FF0000;
    }
    .first_step {
      left: 0;
      text-align: center;
      span {
        width: 5em;
        margin-left: -2.2em;
      }
    }
    .second_step {
      left: 130px;
      span {
        width: 4em;
        margin-left: -1.7em;
      }
    }
    .third_step {
      right: -6px;
      span {
        width: 6em;
        margin-left: -2.7em;
      }
    }
  }
}
/*  logo logo End */

.ugo_shoppingCar {
  width: 1000px;
  height: 50px;
  margin: 0 auto;
  .select {
    background-color: #FFFFFF;
    margin-bottom: 2px;
    .input {
      width: 20px;
      height: 50px;
      line-height: 50px;
      background-color: #fff;
      float: left;
      padding-left: 30px;
    }
    ul li {
      float: left;
      font-size: 18px;
      color: #A9A9A9;
    }
    li:nth-child(1) {
      width: 119px;
      height: 50px;
      line-height: 50px;
      color: #000000;
      padding-left: 9px;
    }
    li:nth-child(2) {
      width: 228px;
      height: 50px;
      line-height: 50px;
      padding-left: 16px;
    }
    li:nth-child(3) {
      width: 155px;
      height: 50px;
      line-height: 50px;
      text-align: center;
    }
    li:nth-child(4) {
      width: 145px;
      height: 50px;
      line-height: 50px;
      text-align: center;
    }
    li:nth-child(5) {
      width: 170px;
      height: 50px;
      line-height: 50px;
      text-align: center;
    }
    li:nth-child(6) {
      width: 108px;
      height: 50px;
      line-height: 50px;
      text-align: center;
    }
  }
  .productDetail {
    margin-top: 20px;
    .product {
      height: 210px;
      background-color: #fff;
      margin: 18px 0;
      .title {
        height: 50px;
        background-color: #fff;
        .input {
          width: 20px;
          height: 50px;
          line-height: 50px;
          padding-left: 30px;
          float: left;
        }
        h3 {
          font-size: 20px;
          line-height: 50px;
          color: #000;
          //font-family:'Microsoft YaHei';
          font-family: 'SimSun';
        }
      }
      .product_info {
        height: 120px;
        background-color: #FEF6F3;
        ul li {
          float: left;
          .introduce {
            height: 55px;
            margin-top: 32px;
            line-height: 20px;
            text-align: left;
            .p1 {
              color: #000;
            }
          }
          .price {
            height: 33px;
            margin-top: 43px;
            line-height: 18px;
            font-size: 14px;
            p:nth-child(1) {
              color: #000;
            }
            p:nth-child(2) {
              text-decoration: line-through;
            }
          }
          .operation {
            height: 40px;
            margin-top: 40px;
            font-size: 16px;
            line-height: 20px;
          }
          .number {
            height: 20px;
            width: 80px;
            margin-top: 49px;
            margin-left: 38px;
            .reduce, .increase {
              text-align: center;
              width: 24px;
              height: 22px;
              font-size: 14px;
              display: block;
              float: left;
            }
            .center {
              float: left;
              height: 18px;
              width: 24px;
              font-size: 14px;
              text-align: center;
              display: block;
            }
          }
        }
        li:nth-child(1) {
          width: 20px;
          height: 50px;
          line-height: 120px;
          padding-left: 30px;
        }
        li:nth-child(2) {
          width: 118px;
          padding-left: 9px;
        }
        li:nth-child(3) {
          width: 235px;
          text-align: center;
          display: block;
        }
        li:nth-child(4) {
          width: 170px;
          text-align: center;
        }
        li:nth-child(5) {
          width: 140px;
        }
        li:nth-child(6) {
          width: 170px;
          line-height: 120px;
          text-align: center;
          color: #FF0105;
        }
        li:nth-child(7) {
          width: 108px;
          text-align: center;
        }
      }
      .total_info {
        width: 454px;
        height: 39px;
        line-height: 39px;
        margin-left: 546px;
        p {
          color: #000;
          span {
            color: #FF0105;
          }
        }
        .active {
          width: 111px;
          height: 21px;
          margin-left: 38px;
          text-align: center;
        }
        .totalPrice {
          width: 134px;
          height: 21px;
          margin: 0 32px;
          text-align: center;
        }
        .tax {
          width: 81px;
          height: 21px;
          text-align: center;
          margin-right: 25px;
        }
      }
    }
  }
  .car_bottom {
    ul {
      .delete {
        width: 60px;
        font-size: 12px;
        margin-left: -80px;
        a {
          color: #000;
        }
      }
      .empty{
        font-size: 12px;
        margin-left:-35px;
        color: #000;
        a{
          color: #000;
        }
      }
      .money{
        width: 318px;
        font-size: 18px;
        line-height: 55px;
        color: #000;
        margin-left: 223px;
        font-family:'微软雅黑';
        span{
          color: #FD0000;
        }
      }
      .jieSuan{
        width: 160px;
        background-color: #FE0000;
        a{
          color: #fff;
          font-size: 22px;
        }
      }
    }
  }
  .like{
    height: 300px;
    margin: 100px 0;
    background-color: #fff;
    .top{
      height: 52px;
      line-height: 52px;
      h3 a{
        font-size: 18px;
        margin-left: 20px;
        font-family:'微软雅黑';
        color: #666666;
        font-weight: 500;
      }
      .change{
        width: 79px;
        height: 52px;
        line-height: 52px;
        margin-right: 20px;
        font-size: 18px;
        position: relative;
        a{
          position: absolute;
          right: 0;
          img{
            position: absolute;
            line-height: 52px;
            top:10px;
            left: -30px;
          }
        }
      }
    }
    .like_product{
      height: 248px;
      ul li{
        float: left;
        width: 196px;
        a {
          display: block;
          margin-left:38px;
        }
        p{
          color: #666666;
          line-height: 20px;
          span{
            font-size: 20px;
            color: #E91919;
          }
        }
      }
      .first{
        margin-left: 32px;
      }
      .last{
        width: 156px;
      }
    }
  }
}


.footerbanner {
  margin-top: 50px;
  img{
    margin-top: 50px;
  }
}
.footer {
  height: 240px;
  background: #000;
  margin-top: 20px;
  padding-top: 30px;
  .footerwap {
    margin-top: 15px;
    dl {
      float: left;
      margin-left: 77px;
      dt {
        font: 16px/35px "microsoft yahei";
        color: #ccc;
      }
      dd {
        line-height: 20px;
        color: #ccc;
        a {
          color: #ccc;
        }
      }
    }
    .footer_title {
      float: left;
      margin-left: 60px;
      .footer_logo {
        display: block;
        width: 139px;
        height: 62px;
        background: url(../images/footlogo.png) no-repeat;
        text-indent: -999em;
        margin-bottom: 25px;
        margin-left: 30px;
      }
      p {
        color: #fff;
        float: left;
        height: 40px;
        line-height: 40px;
      }
      .footer_wx {
        display: inline-block;
        text-indent: -999em;
        width: 50px;
        height: 46px;
        background: url(../images/footcontact.png) no-repeat;
        margin-left: 15px;
      }
      .footer_wb {
        display: inline-block;
        text-indent: -999em;
        width: 50px;
        height: 46px;
        background: url(../images/footcontact.png) no-repeat  -60px 0;
        margin-left: 15px;
      }
    }

  }
  .footerlink {
    text-align: center;
    margin-top: 30px;
    a {
      margin: 0 15px;
    }
  }
}

